<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test used fonts</title>

<!-- Basic -->
<style>
@font-face { font-family: internal; src: url("internal.woff"); }
</style>
<link rel="stylesheet" href="link.css">
<style>
@import "import.css";
</style>

<!-- Pseudo-elements -->
<style>
@font-face { font-family: pseudo1; src: url("pseudo1.woff"); }
#pseudo1::before { font-family: pseudo1; content: "X"; }
</style>

<!-- @keyframes -->
<style>
@font-face { font-family: internal-keyframes; src: url("internal-keyframes.woff"); }
</style>
<style>
@keyframes internal {
  from { font-family: internal-keyframes; }
  to { transform: translateX(40px); }
}
</style>

<!-- neverused -->
<style>
@font-face { font-family: neverused; src: url("neverused.woff"); }
</style>
<style>
#neverused { font-family: neverused; }
</style>
<style>
@keyframes neverused {
  from { font-family: neverused; }
  to { transform: translateX(40px); }
}
</style>

<!-- removed elements -->
<style>
@font-face { font-family: removed-internal; src: url("removed.woff"); }
</style>
<style>
@font-face { font-family: removed-keyframes; src: url("removed.woff"); }
</style>
<style>
@keyframes removed {
  from { font-family: removed-keyframes; }
  to { transform: translateX(40px); }
}
</style>

</head>
<body>
<h2>Basic</h2>
<blockquote style="font-family: internal;">internal</blockquote>
<blockquote style="font-family: link;">link</blockquote>
<blockquote style="font-family: import;">import</blockquote>

<h2>Pseudo-elements</h2>
<blockquote id="pseudo1">before</blockquote>

<h2>@keyframes</h2>
<blockquote style="animation: internal 3s linear infinite;">internal-keyframes</blockquote>

<h2>Removed elements</h2>
<video id="removed-internal" style="font-family: removed;">removed-internal</video>
<video id="removed-keyframes" style="animation: removed 3s linear infinite;">removed-keyframes</video>
</body>
</html>
